<!DOCTYPE html>
<html lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>GameChampion | index</title>

    <meta
      name="keywords"
      content="GameChampion, action games, action games free, action games online, action games in online, action games shooting, action games best"
    />
    <meta
      name="description"
      content="Play the Best Free Online games. Fighting games, racing games, shooting games, sports games, boys games, girls games, kids games, all these html5 games can be played on your mobile, pad and tablet directly without installation. Have fun! - GameChampion"
    />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="http://kufeient.com" />
    <meta property="og:site_name" content="GameChampion" />
    <meta
      property="og:title"
      content="GameChampion — Free Online Games to Play"
    />
    <meta property="og:description" content="Play The Best Free Online Games" />

    <link rel="icon" href="static/image/favicon.png" />
    <link rel="stylesheet" href="./static/css/base.css" />
    <link rel="stylesheet" href="./static/css/index.css" />
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/jsrender@1.0.15/jsrender.min.js"></script>
    <!-- Swiper's CSS -->
    <link
      rel="stylesheet"
      href="https://unpkg.com/swiper/swiper-bundle.min.css"
    />
    <!-- Swiper's JavaScript -->
    <script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
    <style>
      .swiper-container {
        width: 380px;
        height: 330px;
      }
      .swiper-slide {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }
      .swiper-slide a {
        width: 100% !important;
      }
    </style>
  </head>

  <body>
    <div class="game" style="background: #e9eff5">
      <div class="head" id="header"></div>
      <div class="search-form">
        <form method="get" id="search_form" action="./search.html">
          <input
            type="search"
            placeholder="Search games"
            value=""
            required
            name="name"
            id="s"
            class="ipt-search"
          />
          <button class="btn-searchs" type="submit"></button>
        </form>
      </div>
      <div class="content">
        <!---->
        <div>
          <div class="c-title">Newest Game</div>
          <div class="desc1 line-2">
            Basketball Bounce 2 is an online game that you can play for free.
            This game is an online game which you can perform for totally free.
            The gamers need to use the mouse to prevent the ball escape from the
            screen. You need to faucet on the screen to close the brick cage.
            The procedure is definitely fascinating and enjoyable. Hope you can
            have fun!
          </div>
          <div id="gameSwiper"></div>
        </div>
        <div style="order: 5">
          <div class="c-title">You May Also Like</div>
          <div class="desc1 line-2">
            The annual Paris Fashion Week event is about to begin. As a
            well-known fashion designer, you need to design more and more
            fashionable clothes and cut out basic styles. Apart from this year's
            fashion week, today's theme is Baby. So all clothes must be related
            to Baby. You can display the clothes you just cut in your closet, or
            you can sell them to customers in need, if you want to become a
            qualified tailor, don't miss this game!
          </div>
          <script>
            window.gamelistParam = "&where=(tag,anyof,Hot)";
          </script>
          <div class="also-like-list" id="gamelist"></div>
        </div>
        <div style="order: 7">
          <div class="c-title">Featured</div>
          <div class="desc1 line-2">
            MY LITTLE PONY: Princess Game Adventure , friendship and adventure
            with all of the most popular ponies in Equestria in the free game
            based on the phenomenal MLP TV show!
          </div>
          <div class="featured-list" id="gameNew"></div>
        </div>
        <!---->
        <!---->
        <div style="order: 4">
          <div id="gameIcon"></div>
          <div id="Cooking">
            <div class="col-popular">
              <div class="hd">Casual Game</div>
              <div class="desc1 line-2">
                The annual Paris Fashion Week event is about to begin. As a
                well-known fashion designer, you need to design more and more
                fashionable clothes and cut out basic styles. Apart from this
                year's fashion week, today's theme is Baby. So all clothes must
                be related to Baby. You can display the clothes you just cut in
                your closet, or you can sell them to customers in need, if you
                want to become a qualified tailor, don't miss this game!
              </div>
              <div id="gameBlock"></div>
              <script>
                window.gamelistParam = "&where=(tag,anyof,Casual)";
              </script>
            </div>
            <!---->
          </div>
        </div>
      </div>
      <div id="footer"></div>
    </div>
  </body>

  <script type="text/javascript" src="static/js/common.js"></script>
  <script></script>
</html>
